<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- Angular Material style sheet -->
</head>
<body ng-app="inputBasicDemo" ng-cloak>
  <!--
    Your HTML content here
  -->  
  
  <!-- Angular Material requires Angular.js Libraries -->
  <script src="js/angular-1.4.8.min.js"></script>


  <!-- Angular Material Library -->
  <script src="js/angular-material.min.js"></script>
  
  <!-- Your application bootstrap  -->
  <script type="text/javascript">    

angular
  .module('inputBasicDemo', [])
  .controller('DemoCtrl', function($scope) {
  
  })




  </script>
  

  <div contentEditable="true" ng-model="ca" style="with:500px; height: 280px;">Hello</div>
  <div>model = {{ca}}</div>

</body>
</html>
<style type="text/css" >
  body{
    font-family: 'Roboto','Microsoft YaHei';
  }
</style>